<div class="page-bar">
    <div class="left">
        <div class="item-box">
            <select class='page-select' [(ngModel)]="selectedLimit" (change)="setLimit($event)">
                <option [value]="item" *ngFor="let item of limitOptions" [selected]="item == selectedLimit" >{{item}}</option>
              </select>
            <button class="first-btn" (click)="onFirst()" [disabled]='page==1'></button>
            <button class="pre-btn" (click)="onPrev()" [disabled]='page==1'></button>

            <div class='page-box'>
                <span>第</span>
                <input class='page-box-input' [(ngModel)]="pageValue" (blur)='onBlur($event)' [value]='pageValue' />
                <span>页</span>
            </div>
            <button class="next-btn" (click)="onNext()"></button>
            <button class="last-btn" (click)="onLast()"></button>
        </div>
    </div>
    <div class="right">
        <span class="page-item">显示{{page==1?1:page*selectedLimit-selectedLimit}}-{{page*selectedLimit}}，</span>
        <span class="size-item">共{{total}}条记录</span>
    </div>

</div>